<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>添加品牌</title>
</head>
<body>
<div id="app">
    <h3>添加品牌</h3>
    <form action="" method="post">
        品牌名称：<input id="brandName" v-model="brand.brandName" name="brandName"><br>
        企业名称：<input id="companyName"  v-model="brand.companyName" name="companyName"><br>
        排序：<input id="ordered" v-model="brand.ordered" name="ordered"><br>
        描述信息：<textarea rows="5" cols="20" id="description" v-model="brand.description" name="description"></textarea><br>
        状态：
        <input type="radio" name="status" v-model="brand.status" value="0">禁用
        <input type="radio" name="status" v-model="brand.status" value="1">启用<br>

        <input type="button" id="btn" @click="submitForm()" value="提交"> <!--submitForm这个括号可以写也可以不写-->
    </form>
</div>
<script src="js/axios-0.18.0.js"></script>
<script src="js/vue.js"></script>

<script>
    new Vue({
        el:"#app",
        data() {
            return {
                brand:{} // 对象
            }
        },
        methods:{

            submitForm() {
                // 发送ajax请求
                var _this = this;
                axios({
                    methods: "post",
                    url:"http://127.0.0.1:8080/brand/addServlet",
                    // data:formData
                    data:_this.brand
                }).then(function (resp) {
                    // 判断响应数据是否为 success
                    if (resp.data =="success") {
                        location.href="http://localhost:8080/brand-demo/brand.html"
                    }
                })
            }
        },
    });
</script>
</body>
</html>